<template>
  <div class="receipt-box">
    <span>已生成<span class="count-color">{{orderCertCount}}</span>单</span>，
    <span>共<span class="count-color">{{totalCertCount}}</span>张证书</span>
  </div>
</template>

<script>
export default {
  name: 'AppreciateReceipt',
  props: {
    value: {
      type: Object,
      default: () => { }
    }
  },
  computed: {
    orderCertCount () {
      return this.value?.orderCertCount || 0
    },
    totalCertCount () {
      return this.value?.totalCertCount || 0
    }
  },
}
</script>

<style scoped>
.receipt-box {
  font-size: 16px;
  cursor: pointer;
}
.receipt-box {
  position: absolute;
  bottom: 20px;
  /* top: 50%; */
  /* transform: translateY(-50%); */
}
.count-color {
  color: #eb662b;
}
</style>